$(function () {
    // 拿到 搜索页面传递过来的关键字的值
    var url = window.location.href;
    var index = url.indexOf('?');//得到？所在这段连接的滴多少个字符
    console.log(index);
    var len = url.substring(index + 1);//截取字符串？后面的所有字符（即搜索的关键字） 从第44+1开始到最后一个字符
    var arr = len.split('=');// 截取‘=’后面的所有字符
    console.log(arr);
    // 1拿到 搜索页面传递过来的关键字的值
    // 根据这个关键字的值进行ajax
    // 传递请求的参数  最少需要三个
    // page 是第几页
    // pagesize 是每页的条数
    // 传递关键字的值
    var pages = 1;
    var pageSizes = 4;
    var keys = arr[1];
    var htmls = '';
    var priceNum = 1;//价格
    var that = null;
    var lengNum = 1;//销量
    mui.init({
        pullRefresh: {
            container: '#refreshContainer',//待刷新区域标识，querySelector能定位的css选择器均可，比如：id、.class等
            up: {
                height: 80,//可选.默认50.触发上拉加载拖动距离
                auto: true,//可选,默认false.自动上拉加载一次
                contentrefresh: "正在加载...",//可选，正在加载状态时，上拉加载控件上显示的标题内容
                contentnomore: '没有更多数据了',//可选，请求完毕若没有更多数据时显示的提醒内容；
                callback: getData //必选，刷新函数，根据具体业务来编写，比如通过ajax从服务器获取新数据；
            }
        }
    });
    function getData() {//上拉刷新 这里this等于mui  让that等于this
        if (!that) {
            that = this;
        }
        $.ajax({
            url: '/product/queryProduct',
            type: 'get',
            data: {
                page: pages++,
                pageSize: pageSizes,
                key: keys,
                price: priceNum,
                num: lengNum
            },
            success: function (res) {
                console.log(res);
                if (res.data.length > 0) {
                    htmls += template('tmp', res)
                    console.log(htmls);
                    $('#ulBox').html(htmls);
                    that.endPullupToRefresh(false);//这里this指向widows  所以用that代替mui
                } else {
                    that.endPullupToRefresh(true);
                }
            }
        });
    }
    //价格排序
    $('#priceSort').on('tap', function () {
        priceNum = priceNum == 1 ? 2 : 1;
        lengNum = '';//让销量排序的值为空（即不使用销量排序）
        htmls = '';//这里的内容也需要清除
        $('#ulBox').html('');//这里只是清除了页面的内容
        pages = 1;//pages也需要从第一页开始
        getData()//调用函数 
        mui('#refreshContainer').pullRefresh().refresh(true);//此处ID应该对象HTML内的ID
    })
    //销量排序
    $('#lengNum').on('tap', function () {
        lengNum = lengNum == 1 ? 2 : 1;
        priceNum = '';//让价格排序的值为空（即不使用价格排序）
        htmls = '';//这里的内容也需要清除
        $('#ulBox').html('');//这里只是清除了页面的内容
        pages = 1;//pages也需要从第一页开始
        getData()//调用函数
        mui('#refreshContainer').pullRefresh().refresh(true);//此处ID应该对象HTML内的ID
    })
})